<html>
<head>

</head>
<body>

        <div id="gpic" style="overflow:hidden; width:95%; height:348px; "  >

                <table  cellpadding="0" cellspacing="0"  >
                  <tr>
                    <td id="gpic1" valign="top"  >
                        <table    cellpadding="10" cellspacing="0"  >
                        <tr>
                          <td  > <img src="images/Homepicture/主页-预付卡.jpg" width="300" height="348" /></td>
                          <td> <img src="images/Homepicture/主页-互联网支付.jpg" width="300" height="348" /> </td>
                          <td  > <img src="images/Homepicture/主页-互联网理财.jpg" width="300" height="348" /></td>
                          <td  > <img src="images/Homepicture/主页-互联网生活.jpg" width="300" height="348" /></td>
                        </tr>
                        
                      </table></td>
                    <td id="gpic2" valign="top"></td>
                  </tr>
                </table>
        </div>
                <script>
                var speed=30
                gpic2.innerHTML=gpic1.innerHTML
                function Marquee(){
                if(gpic2.offsetWidth-gpic.scrollLeft<=0)
                gpic.scrollLeft-=gpic1.offsetWidth
                else{
                gpic.scrollLeft++
                }
                }
                var MyMar=setInterval(Marquee,speed)
                gpic.onmouseover=function() {clearInterval(MyMar)}
                gpic.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
                </script>
        
      
</body>


</html>